<template>
	<view class="title">
		<div class="left">
			{{title}}
		</div>
		<div class="right" v-if="show">
			<span>更多</span>
			<i class="iconfont icon-gengduo"></i>
		</div>
	</view>
</template>

<script>
	export default {
		name: "title",
		data() {
			return {

			};
		},
		props: {
			title: {
				type: String,
				default: '标题'
			},
			show: {
				type: Boolean,
				default: false
			}
		}
	}
</script>

<style lang="less">
	.title {
		display: flex;
		justify-content: space-between;
		padding: 20rpx;

		.left {
			font-size: 40rpx;
			font-weight: bold;
		}

		.right {
			display: flex;
			justify-content: center;
			width: 140rpx;
			height: 48rpx;
			line-height: 48rpx;
			border: 1px solid #F1F1F1;
			border-radius: 20rpx;
			text-align: center;
			>i {
				margin-left: 6rpx;
			}
		}
	}
</style>
